<!DOCTYPE html>
<html lang="en">
<head>

    <link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/auto666-default.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/css/sweetalert.css">
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="static/js/sweetalert.min.js"></script>
    <script src="static/js/echarts.js"></script>

    <meta charset="UTF-8">
    <title>AuTo 666</title>
</head>
<body>
    <div class="navbar navbar-duomi navbar-static-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#" id="logo">AutoScripts（小程序）
                </a>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2">
                <ul id="main-nav" class="nav nav-tabs nav-stacked" style="">
                    <li class="active">
                        <a href="#">
                            <i class="glyphicon glyphicon-th-large"></i>
                            首页
                        </a>
                    </li>
                    <li>
                        <a href="#hostsManage" class="nav-header collapsed" data-toggle="collapse">
                            <i class="glyphicon glyphicon-hdd"></i>
                            主机管理
                               <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                        </a>
                        <ul id="hostsManage" class="nav nav-list collapse secondmenu" style="height: 0px;">
                            <li><a href="/hosts_info"><i class="glyphicon glyphicon-th-list"></i> 主机列表</a></li>
                            <li><a href="/hosts_maintain"><i class="glyphicon glyphicon-wrench"></i> 主机维护</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i> 待完善</a></li>
                        </ul>
                    </li>

                    <li>
                        <a href="#appsManage" class="nav-header collapsed" data-toggle="collapse">
                            <i class="glyphicon glyphicon-cloud-upload"></i>
                            应用管理
                               <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                        </a>
                        <ul id="appsManage" class="nav nav-list collapse secondmenu" style="height: 0px;">
                            <li>
                                <a href="#cloudManage" class="nav-header collapsed" data-toggle="collapse">
                                    <i class="glyphicon glyphicon-cloud"></i>  平台管理
                                    <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                                </a>
                                <ul id="cloudManage" class="nav nav-list collapse secondmenu" style="height: 0px;">
                                    <li><a href="/testapp"><i class="glyphicon glyphicon-cloud"></i> 测试单元</a></li>
                                    <li><a href="/paycloud"><i class="glyphicon glyphicon-cloud"></i> 支付云</a></li>
                                    <!--<li><a href="#"><i class="glyphicon glyphicon-cloud"></i> 房产云</a></li>-->
                                    <!--<li><a href="#"><i class="glyphicon glyphicon-tasks"></i> 老平台</a></li>-->
                                </ul>
                            </li>
                            <li>
                                <a href="#softwareManage" class="nav-header collapsed" data-toggle="collapse">
                                    <i class="glyphicon glyphicon-cloud"></i>  软件维护
                                    <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                                </a>
                                <ul id="softwareManage" class="nav nav-list collapse secondmenu" style="height: 0px;">
                                    <li><a href="/software_install"><i class="glyphicon glyphicon-cloud"></i> 软件安装</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-cloud"></i> 软件配置</a></li>
                                </ul>

                            </li>
                        </ul>
                    </li>


                    <li>
                        <a href="#monitorManage" class="nav-header collapsed" data-toggle="collapse">
                            <i class="glyphicon glyphicon-facetime-video"></i>
                            监控管理
                               <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                        </a>
                        <ul id="monitorManage" class="nav nav-list collapse secondmenu" style="height: 0px;">
                            <li><a href="/hosts_graph"><i class="glyphicon glyphicon-th-large"></i> 监控概况</a></li>
                            <li><a href="/hosts_monitor"><i class=" 	glyphicon glyphicon-list-alt"></i> 监控详情</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i> 待完善</a></li>
                        </ul>
                    </li>

                    <!--<li>-->
                        <!--<a href="./grid.html">-->
                            <!--<i class="glyphicon glyphicon-globe"></i>-->
                            <!--分发配置-->
                            <!--<span class="label label-warning pull-right">5</span>-->
                        <!--</a>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a href="./charts.html">-->
                            <!--<i class="glyphicon glyphicon-calendar"></i>-->
                            <!--图表统计-->
                        <!--</a>-->
                    <!--</li>-->
                    <li>
                        <a href="/system_about">
                            <i class="glyphicon glyphicon-fire"></i>
                            关于系统
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-md-10">
                {% block content %}{% endblock %}
            </div>
        </div>
    </div>
</body>
</html>